<template>
	<!-- 辅助空白-->
	<view class="blankPage">
		<view :style="[boxStyle]"></view>
	</view>
</template>
<script>
	export default {
		name: 'blankPage',
		props: {
			dataConfig: {
				type: Object,
				default: () => {}
			}
		},
		computed: {
			//最外层盒子的样式
			boxStyle() {
				return {
					height: this.dataConfig.heightConfig.val + 'px',
					background: `linear-gradient(${this.dataConfig.bgColor.color[0].item}, ${this.dataConfig.bgColor.color[1].item})`,
					margin: `${this.dataConfig.mbConfig.val}rpx ${this.dataConfig.lrConfig.val }px ${this.dataConfig.mbDownConfig.val}px`,
					borderRadius: `${this.dataConfig.borderTopConfig.val * 2}rpx ${this.dataConfig.borderTopConfig.val * 2}rpx ${this.dataConfig.borderDownConfig.val * 2}rpx ${this.dataConfig.borderDownConfig.val*2}rpx`
				}
			},
		},
	}
</script>

<style lang="scss" scoped>
	.blankPage {
		position: relative;

		view {
			position: relative;
			z-index: 9;
		}
	}
</style>